html, body {
    margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; color: #BABABA; background-color: #3C3F41;
}
.container {
    display: flex; width: 100%; height: 100%;
}
.container-ide {
    width: 70%;
}
.container-pdf {
    width: 30%; border-left: 1px solid #525659;
}
.container-pdf embed{
    width: 100%; height: 100%;
}
.operating {
    height: 100%;
}
.operating-header {
    height: 50px;
}
.operating-footer {
    height: 30px;
}
.operating-main {
    height: calc(100% - 80px); border-top: 1px solid #525659; border-bottom: 1px solid #525659;
}

/*元件*/
.u-tabs {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
.u-tabs .tab{
    padding: 2px 10px; cursor: pointer; border-bottom: 1px solid #525659;
}
.u-tabs .tab-active {
    border: 1px solid #525659; border-bottom-color: transparent; border-top-left-radius: 2px; border-top-right-radius: 2px;
}

.u-code{
    box-sizing: border-box; padding: 5px;
}

.u-doc-list{
    margin: 0; padding: 0;
}
.u-doc-list .doc{
    list-style: none; padding: 2px 10px; cursor: pointer;
}
.u-doc-list .doc-active{
    background: #4B6EAF;
}

/*元件*/

/*模块*/

.m-title{
    line-height: 50px; padding-left: 20px; background-color: #323639; color: #fff;
}
.m-title .opts{
    float: right;
}
.m-title .opt-btn{
    padding: 5px; cursor: pointer; color: #499C54;
}

.m-menu{
    width: 200px; height: 100%; border-right: 1px solid #525659; float: left; overflow-y: scroll;
}
.m-menu .tool{
    padding: 4px 10px; background: #323639; border-bottom: 1px solid #525659;
}
.m-menu .tool-item{
    display:inline-block; padding: 2px; border-radius: 2px;
}
.m-menu .tool-item:hover{
    cursor: pointer; background: #515558;
}
.m-menu .u-doc-list .doc:hover{
    background: #4B6EAF;
}

.m-edit{
    box-sizing: border-box; width: 100%; height: 100%; padding-left: 205px; padding-right: 5px;
}
.m-edit .u-tabs{
    margin-top: 5px;
}
.m-edit .codes {
    box-sizing: border-box; width: 100%; height: calc(100% - 35px); padding: 5px 0;
}
.m-edit .codes .u-code {padding: 0;}

.m-brand{
    line-height: 30px;
}
.m-brand .item{
    margin-left: 10px; cursor: pointer;
}
/*模块*/